<template>
  <div class="bottom">
    <router-link to="/index" v-for="(item,index) in icon">首页</router-link>
    <router-link to="/category">分类</router-link>
    <router-link to="/music">音乐</router-link>
    <router-link to="/cart">购物车</router-link>
    <router-link to="/home">我的</router-link>
  </div>
</template>
<script>
import { watch } from "@vue/runtime-core";
export default {
  props: {
    hehe: {
      type: String,
    },
  },
  data() {
    return {
      icon: "",
    };
  },
  mounted() {},
  watch: {
    hehe() {
      console.log(this.hehe);
      this.icon = this.hehe;
    },
  },
};
</script>
<style>
.bottom {
  height: 1.333333rem;
  width: 10rem;
  background: brown;
  position: fixed;
  bottom: 0;
}
</style>
